<template>
  <div id="app">
    <keep-alive>
        <router-view  v-if="$route.meta.keepAlive" />
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" />
    <FooterGuide v-show="$route.meta.showFooter"/>
  </div>
</template>

<script>
  import { mapActions } from 'vuex'
  import FooterGuide from './components/FooterGuide/FooterGuide'

  export default {
    async mounted () {
      await this.getUserInfo()
    },
    methods: {
      ...mapActions(['getUserInfo'])
    },
    components: {
      FooterGuide
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  #app
    width 100%
    height 100%
    background #fff
    overflow hidden
</style>
